﻿<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="<%=basePath %>static/css/validation.css" rel="stylesheet" />
<link href="<%=basePath %>static/css/common_css.css" rel="stylesheet" />
<script src="<%=basePath %>static/js/common_js.js"
	type="text/javascript"></script>
<title>票务系统</title>
<script src="<%=basePath %>static/js/index_js.js" type="text/javascript"
	xml:space="preserve"></script>
<link href="<%=basePath %>static/css/common.css" rel="stylesheet" />
<link />
<link href="<%=basePath %>static/css/index_css.css" rel="stylesheet" />
</head>
<body>
<!--header start-->
<div class="header"><div style="z-index: 2000" class="header-bd">
<a href="<%=basePath %>login/index"><h1 class="logo">票务中心</h1>
</a>
<div class="login-info"><div class="phone-link">
</div>
<div class="menu">
</div>
<span class="login-txt" style="color: #666666"> 	<span>意见反馈:12345@163.com   您好，</span>
<c:if test="${sessionScope.user!=null }">
<span style="width:50px;">${sessionScope.user.userName }</span>
| <a id="regist_out" href="<%=basePath%>login/loginOut">退出</a>
</c:if>
<c:if test="${sessionScope.user==null }">
请
<a id="login_user" href="<%=basePath %>login/toLogin" class="colorA" style="margin-left:-0.5px;">登录</a>
|<a id="regist_out" href="<%=basePath %>login/toRegister">注册</a>
</c:if>   
</span>
</div>
<div class="nav"><ul><li><a href="<%=basePath %>login/index">客运首页</a>
</li>
<li id="selectYuding"><a href="<%=basePath %>order/searchTickets">车票预订</a>
</li>

<li><a href="<%=basePath %>ticket/searchTicketsByCon" target="_blank">车次查询</a>
</li>
<li><a href="<%=basePath %>ticket/searchTicketsByCon" target="_blank">票价查询</a>
</li>
<li ><a href="<%=basePath %>ticket/searchTicketsByCon" target="_blank">站点查询</a>
</li>
<c:if test="${sessionScope.user!=null }">
<li ><a href="<%=basePath %>login/main">个人中心</a>
</li>
</c:if>
</ul>
</div>
</div>
</div>
	<!--header end-->
	<!--公告 开始-->
	<div class="ban-area">
		<div class="notice" id="scroll">
			<strong style="width: 60px;">温馨提示：</strong>
			<div class="notice_in">
				<ul>
					<li style="color: #FB7403">网站每日06:00~23:00提供服务,网站购票、改签和退票须不晚于开车前30分钟；办理“变更到站”业务时，请不晚于开车前48小时。</li>
				</ul>
			</div>
		</div>
	</div>
	<!--公告 结束-->
	<!--页面主体  开始-->
	<div class="content clearfix pt10">
		<div class="index-side">
			<!--车票查询框 开始-->
			<div class="layout booking">
				<div class="lay-hd">车票查询</div>
				<div class="lay-bd">
					<div class="booking-in">
						<div class="booking-bd">
							<ul class="clearfix">
								<li><span class="label">出发地</span>
									<div class="inp-w"><input
											name="from_station_name" maxlength="15"
											type="text" id="fromStationText" class="inp-txt" value="" />
										<span id="from_station_imageB" class="i-city"></span>
									</div></li>
								<li><span class="label">目的地</span>
									<div class="inp-w"> <input
											name="to_station_name" maxlength="15"
											type="text" id="toStationText" class="inp-txt" value="" /> <span
											id="to_station_imageB" class="i-city"></span>
									</div></li>
								<li class="mt10"><span class="label">出发日</span>
									<div class="inp-w">
										<input readonly="readonly" maxlength="10" autocomplete="off"
											type="text" class="inp-txt" name="train_date"
											id="train_date" value="" /> <span id="from_imageClick"
											class="i-date"></span>
									</div></li>
							</ul>
							<div class="tc">
								<a id="a_search_ticket" href="javascript:" class="btn-login"
									shape="rect">查&nbsp;&nbsp;&nbsp;&nbsp;询</a>
							</div>
							</div>
					</div>
				</div>
			</div>
			<!--车票查询框 结束-->
			<!--出行向导 开始-->
			<div class="layout guide">
				<div class="lay-hd">出行向导</div>
				<div class="lay-bd" >
					<ul>
						<li><a href="<%=basePath %>ticket/searchTicketsByCon"
							title="可查询车站经过车次、列车等级、始发站、终到站、区间运行时刻等列车信息。" shape="rect"><span
								class="img tgcz"></span> <span>站点查询</span> </a></li>
						<li><a title="可查询两站间列车的票价信息。" shape="rect"
							href="<%=basePath %>ticket/searchTicketsByCon"><span class="img zzcx"></span>
								<span>票价查询</span> </a></li>
						<li><a href="<%=basePath %>ticket/searchTicketsByCon" title="可查询某列车次的基本情况。"
							shape="rect"><span class="img zwd"></span> <span>车次查询</span>
						</a></li>
					</ul>
				</div>
			</div>
			<!--出行向导 结束-->
		</div>
		<!--新闻选项卡 开始-->
		<div class="slideTxt" style="position: relative;">
			<div class="hd">
				<ul>
					<li><span>最新动态</span></li>
					<li><a href="#" style="color: white"
						shape="rect"><span>购票常见问题</span> </a></li>
					<li><span>使用须知</span></li>
					<li><span>相关规章</span></li>
					<li class="end"><span>铁路保险</span></li>
				</ul>
			</div>
			<div class="bd">
				<ul class="item-txt">
					<li><span class="num">1</span>
						<div class="info">
							<a shape="rect" href="#">关于广深港高铁跨境列车车票预售的公告</a>
						</div>
						<div class="time">2018-09-07</div></li>
					<li class="bgc"><span class="num">2</span>
						<div class="info">
							<a shape="rect" href="#">关于微信方式发送购票通知服务的使用说明</a>
							<img src="<%=basePath %>static/picture/icon_new.png" />
						</div>
						<div class="time">2017-12-26</div></li>
					<li><span class="num">3</span>
						<div class="info">
							<a shape="rect" href="#">关于12306网站新增微信支付服务功能的公告</a>
							<img src="<%=basePath %>static/picture/icon_new.png" />
						</div>
						<div class="time">2017-11-22</div></li>
					<li class="bgc"><span class="num">4</span>
						<div class="info">
							<a shape="rect" href="#">接续换乘和选座功能使用说明</a>
							<img src="<%=basePath %>static/picture/icon_new.png" />
						</div>
						<div class="time">2017-10-12</div></li>
					<li><span class="num">5</span>
						<div class="info">
							<a shape="rect" href="#">公 告</a>
						</div>
						<div class="time">2015-12-01</div></li>
					<li class="bgc"><span class="num">6</span>
						<div class="info">
							<a shape="rect" href="#">关于调整互联网、电话订票起售时间的公告</a>
						</div>
						<div class="time">2014-11-26</div></li>
					<li><span class="num">7</span>
						<div class="info">
							<a shape="rect" href="#">中国铁路广州局集团有限公司关于2018年9月13日至9月17日调整部分旅客列车运行方案的公告</a>
						</div>
						<div class="time">2018-09-13</div></li>
					<li class="bgc"><span class="num">8</span>
						<div class="info">
							<a shape="rect" href="#">中国铁路武汉局集团有限公司关于2018年9月14日—9月18日部分旅客列车临时停运的公告</a>
						</div>
						<div class="time">2018-09-13</div></li>
					<li><span class="num">9</span>
						<div class="info">
							<a shape="rect" href="#">中国铁路广州局集团有限公司关于2018年9月16日至9月18日海口开K458次旅客列车临时停运的公告</a>
						</div>
						<div class="time">2018-09-13</div></li>
					<li class="bgc"><span class="num">10</span>
						<div class="info">
							<a shape="rect" href="#">中国铁路武汉局集团有限公司关于2018年9月11日—9月18日临时调整部分旅客列车运行区段的公告</a>
						</div>
						<div class="time">2018-09-13</div></li>
				</ul>
				<ul class="cjwt item-txt">
					<li><span class="num">1</span> <a id="checkIdentity"
						shape="rect" href="#">身份核验结果有哪几种状态？</a>
						<img src="<%=basePath %>static/picture/icon_new.png" /></li>
					<li class="bgc"><span class="num">2</span> <a
						id="checkIdentity" shape="rect"
						href="#">如何了解自己的身份信息核验结果？</a> <img
						src="<%=basePath %>static/picture/icon_new.png" /></li>
					<li><span class="num">3</span> <a id="checkIdentity"
						shape="rect" href="#">“已通过”的二代身份证注册用户如何添加常用联系人（乘车人）？</a>
						<img src="<%=basePath %>static/picture/icon_new.png" /></li>
					<li class="bgc"><span class="num">4</span> <a id="ticketLost"
						shape="rect" href="#">购买实名制车票后丢失了怎么办？</a>
					</li>
					<li><span class="num">5</span> <a id="onlinePay" shape="rect"
						href="#">我在网站购票时，扣款成功但购票不成功怎么办？</a>
					</li>
					<li class="bgc"><span class="num">6</span> <a id="onlinePay"
						shape="rect" href="#">我在网站购票时不小心重复支付了，重复扣的票款没有及时到帐，怎么办？</a>
					</li>
					<li><span class="num">7</span> <a shape="rect"
						href="#">我在网站购票又退票后，为什么钱没有及时退还给我的银行卡？</a>
					</li>
					<li class="bgc"><span class="num">8</span> <a
						id="endorseAndRefund" shape="rect"
						href="#">我在网站购票又在车站售票窗口改签或退票后，为什么钱没有及时退还给我的银行卡?</a>
					</li>
					<li><span class="num">9</span> <a id="changeToPaperTicket"
						shape="rect" href="#">旅客在12306网站购票成功，在窗口取票时为何系统提示错误？</a>
					</li>
					<li class="bgc"><span class="num">10</span>
						<div class="info">
							<a id="register" shape="rect"
								href="#">注册时，网站提示“身份信息重复”，怎么办？</a>
						</div>
						<div class="time">
							<a href="#" style="color: #0077FF"
								shape="rect">更多&gt;</a>
						</div></li>
				</ul>
				<ul class="item-txt">
					<li><span class="num">1</span> <a shape="rect"
						href="#">注册新用户</a>
					</li>
					<li class="bgc"><span class="num">2</span> <a shape="rect"
						href="#">网上购票流程</a>
					</li>
					<li><span class="num">3</span> <a shape="rect"
						href="#">铁路电子客票</a>
					</li>
					<li class="bgc"><span class="num">4</span> <a shape="rect"
						href="#">身份核验</a>
						<img src="<%=basePath %>static/picture/icon_new.png" /></li>
					<li><span class="num">5</span> <a shape="rect"
						href="#">铁路车票快递服务须知</a>
						<img src="<%=basePath %>static/picture/icon_new.png" /></li>
					<li><span class="num">6</span> <a shape="rect"
						href="#">接续换乘和选座功能使用说明</a>
						<img src="<%=basePath %>static/picture/icon_new.png" /></li>
				</ul>
				<ul class="item-txt">
					<li><span class="num">1</span> <a shape="rect"
						href="#">《铁路互联网售票暂行办法》</a>
					</li>
					<li class="bgc"><span class="num">2</span> <a shape="rect"
						href="#">《铁路互联网购票须知》</a>
					</li>
					<li><span class="num">3</span> <a shape="rect"
						href="#">《铁路互联网购票身份核验须知》</a>
						<img src="<%=basePath %>static/picture/icon_new.png" /></li>
					<li class="bgc"><span class="num">4</span> <a shape="rect"
						href="#">《铁路进站乘车禁止和限制携带品公告》</a>
					</li>
					<li><span class="num">5</span> <a shape="rect"
						href="#">《铁路旅客运输规程》</a>
					</li>
					<li class="bgc"><span class="num">6</span> <a shape="rect"
						href="#">《铁路旅客运输办理细则》</a>
					</li>
				</ul>
				<ul class="item-txt">
					<li><span class="num">1</span> <a shape="rect"
						href="#">《铁路旅客人身意外伤害保险条款（A款）》</a>
					</li>
					<li class="bgc"><span class="num">2</span> <a shape="rect"
						href="#">《铁路旅客人身意外伤害保险（指定行程）投保须知》</a>
					</li>
					<li><span class="num">3</span> <a shape="rect"
						href="#">《铁路旅客人身意外伤害保险（指定行程）常见问题》</a>
					</li>
				</ul>
			</div>
		</div>
		<script type="text/javascript" xml:space="preserve">
			jQuery(".slideTxt").slide();
		</script>
		<!--新闻选项卡 结束-->
	</div>
	<!--页面主体  结束-->
	<!--页面底部  开始-->
	<div class="footer">
		<p>
			<a href="#" target="true">关于我们</a>
			|<a href="#" target="true">网站声明</a>
		</p>
		<p>版权所有 © 2008-2017 中国铁路信息技术中心 中国铁道科学研究院</p>
		<p>京ICP备15003716号-3&nbsp;&nbsp;|&nbsp;&nbsp;京ICP证150437号</p>
	</div>
</body>
</html>
